<template>
	<div class="internalCause">
		<div class="tableBox">
			<el-table :data="tableData">
				<el-table-column prop="cause" label="停机原因" width="150" show-overflow-tooltip></el-table-column>
				<el-table-column prop="type" width="50" show-overflow-tooltip></el-table-column>
				<el-table-column prop="time" label="处理时间" align="center" show-overflow-tooltip>
					<template slot-scope="scope">
						<div><el-input v-model="scope.row.timelength" placeholder="请输入"></el-input></div>
					</template>
				</el-table-column>
				<el-table-column prop="errorName" label="回数" align="center">
					<template slot-scope="scope">
						<div><el-input v-model="scope.row.errorName" placeholder="请输入"></el-input></div>
					</template>
				</el-table-column>
				<el-table-column prop="logName" label="调整损耗薄膜" align="center">
					<template slot-scope="scope">
						<div>
							<el-input v-model="scope.row.logName" placeholder="请输入"></el-input>
					  </div>
					</template>
				</el-table-column>
				<el-table-column prop="remarks" label="备注" align="center">
					<template slot-scope="scope">
						<div><el-input v-model="scope.row.remarks" placeholder="请输入"></el-input></div>
					</template>
				</el-table-column>
			</el-table>
		</div>
		<div class="tableBox" style="margin-top:30px;">
			<el-form ref="form" label-position="left" :model="form" label-width="42%">
				<el-form-item label="内因停机时间合计(min)"><div><el-input v-model="form.num1" placeholder="请输入内因停机时间"></el-input></div></el-form-item>
				<el-form-item label="内因停机回数合计"><div><el-input v-model="form.num2" placeholder="请输入内因停机回数"></el-input></div></el-form-item>
				<el-form-item label="内因损耗薄膜合计"><div><el-input v-model="form.num3" placeholder="请输入内因损耗薄膜"></el-input></div></el-form-item>
			</el-form>
		</div>
		<div style="float:right;margin-top:50px;"><el-button type="primary">确认</el-button></div>
	</div>
</template>

<script>
export default {
	data() {
		return {
			searchContent:'',
			value1:'',
			value:'',
			form: {
				num1: '',
				num2: '',
				num3: '',
			},
			options: [{
				value: '选项1',
				label: '黄金糕'
			}, {
				value: '选项2',
				label: '双皮奶'
			}, {
				value: '选项3',
				label: '蚵仔煎'
			}, {
				value: '选项4',
				label: '龙须面'
			}, {
				value: '选项5',
				label: '北京烤鸭'
			}],
			tableData: [
				{
					id: '1',
					cause: '套袋不良',
					type:'T',
					timelength: '',
					errorName: '',
					logName: '',
					remarks: ''
				},
				{
					id: '2',
					cause: '薄膜破损',
					type:'B',
					timelength: '',
					errorName: '',
					logName: '',
					remarks: ''
				},
				{
					id: '3',
					cause: '薄膜输送错位',
					type:'C',
					timelength: '',
					errorName: '',
					logName: '',
					remarks: ''
				},
				{
					id: '4',
					cause: '切割不良',
					type:'Q',
					timelength: '',
					errorName: '',
					logName: '',
					remarks: ''
				},
				{
					id: '5',
					cause: '个装品擦破',
					type:'G',
					timelength: '',
					errorName: '',
					logName: '',
					remarks: ''
				},
				{
					id: '6',
					cause: '堵塞故障',
					type:'S',
					timelength: '',
					errorName: '',
					logName: '',
					remarks: ''
				},
				,
				{
					id: '7',
					cause: '批号不良',
					type:'P',
					timelength: '',
					errorName: '',
					logName: '',
					remarks: ''
				},
				{
					id: '8',
					cause: '制袋热封不良',
					type:'Z',
					timelength: '',
					errorName: '',
					logName: '',
					remarks: ''
				},
				{
					id: '9',
					cause: '最终热封调试',
					type:'ES',
					timelength: '',
					errorName: '',
					logName: '',
					remarks: ''
				},
				{
					id: '10',
					cause: '成型不良--余白',
					type:'EB',
					timelength: '',
					errorName: '',
					logName: '',
					remarks: ''
				},
				{
					id: '11',
					cause: '成型不良--错位',
					type:'EC',
					timelength: '',
					errorName: '',
					logName: '',
					remarks: ''
				},
				{
					id: '12',
					cause: '输送不良',
					type:'F',
					timelength: '',
					errorName: '',
					logName: '',
					remarks: ''
				},
				{
					id: '13',
					cause: '电器故障',
					type:'D',
					timelength: '',
					errorName: '',
					logName: '',
					remarks: ''
				},
				{
					id: '14',
					cause: '其他',
					type:'A',
					timelength: '',
					errorName: '',
					logName: '',
					remarks: ''
				}
			],
		};
	},
	methods: {
		onSubmit() {
			console.log('submit!');
		},
	}
};
</script>

<style scoped>
.internalCause{
	height: calc(100vh - 150px);
	overflow-y: auto;
}
.tableBox {
	border-radius: 10px;
	background:#fff;
	padding: 30px;
	height:auto;
}
.internalCause >>> .el-form-item{
	border-bottom:solid 1px #eeeeee;
	padding-bottom:5px;
}
.internalCause >>> .el-form-item__label{
	font-size:24px;
	color:#000;
}
.internalCause >>> .el-form-item__content{
	font-size:30px;
	color:#666666;
}
.internalCause >>> .el-input > input{
	background:#fff;
	font-size:24px;
}
.orderSheet >>> .el-dialog__title{
	font-size:22px;
	color:#666666;
}
.orderSheet >>> .el-dialog__headerbtn{
	font-size:26px;
	color:#888888;
}
.cardBrandy{
	margin-top:20px;
}
.box-col{
	margin-top:20px;
}
.box-card{
	border-radius:10px;
}
.box-card .title{
	font-size:26px;
	text-align:center;
	height:80px;
	display: table-cell;
	vertical-align: middle;
}
.rework >>> .el-input > input{
	background:#fff;
}
.tableBox >>> .el-table th.el-table__cell > .cell{
	text-align:center;
}
.internalCause >>> .el-input--large .el-input__inner {
	padding-left: 20px !important;
}
</style>


